<!--
    该示例有一下几点重要的注意事项：
    • 文本输入指令<input ng-model="yourname" />绑定到一个叫yourname的模型变量。
    • 双大括号标记将yourname模型变量添加到问候语文本。
    • 你不需要为该应用另外注册一个事件侦听器或添加事件处理程序！

-->
<!DOCTYPE HTML>
<html ng-app>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Bi-Directional</title>
    <script type="text/javascript" src="http://code.angularjs.org/angular-1.0.1.min.js"></script>

</head>

<body>
    Hello {{yourname || 'World'}}!
    <hr>
    Your name: <input autofocus="true" type="text" ng-model="yourname" placeholder="Your name">
    <hr>
    <p>
        该示例有一下几点重要的注意事项：<br>
        • 文本输入指令&lt;input ng-model="yourname" /&gt;绑定到一个叫yourname的模型变量。<br>
        • 双大括号标记将yourname模型变量添加到问候语文本。<br>
        • 你不需要为该应用另外注册一个事件侦听器或添加事件处理程序！<br>
        <br>
        现在试着在输入框中键入您的名称，您键入的名称将立即更新显示在问候语中。 <br>
        <strong>这就是AngularJS双向数据绑定的概念。 输入框的任何更改会立即反映到模型变量（一个方向），模型变量的任何更改都会立即反映到问候语文本中（另一方向）。</strong>
    </p>
</body>
</html>